<%@ page contentType="text/html;charset=UTF-8"%>

<style>

    .linkbutton {
        display:inline-block;
        width:100px; height:100%;
        align-content: center;
        text-align: center;
        color:#fff;
        font-size: 15px; line-height: 45px;
        text-decoration:none;
    }
    .linkbutton:link {
        background-color: #393d49;
        color: rgba(255, 255, 255, 0.7);
        text-decoration:none;
    }
    .linkbutton:hover {
        background-color:#6d6d6d;
        color: rgba(255, 255, 255, 1);
        text-decoration:none;
    }
    /*.linkbutton:visited, .linkbutton:active {
        background-color:#0F9DF1;
        color:#0074D9;
        text-decoration:none;
    }*/

    .fa-head {
        font-size:18px;
        margin: 0 5px 0 0;
        padding:0;
    }
</style>

        <div class="col-md-2" style="min-width:230px; padding:0px; background:#393d49; height:45px;">

        </div>
        <div class="col-md-10" style="padding:0px; background:#393d49;">
            <a id="azeroth_menu" href="javascript:void(0);" class="linkbutton"><i class="fa fa-home fa-head"></i>首页</a>
            <a href="javascript:void(0);" class="linkbutton"><i class="fa fa-bars fa-head"></i>更多导航</a>
        </div>

        <%--<div class="easyui-layout" data-options="fit:true">
                <div data-options="region:'west', split:true, border:false" style="width:40px; background-color:#EDEDED;">
                    <span class="linkbutton linkbutton-info-head"></span>
                </div>
                <div data-options="region:'east', split:true, border:false" style="width:40px; background-color:#EDEDED;">
                    <span class="linkbutton linkbutton-info-name">退出</span>
                </div>
                <div data-options="region:'center', border:false" style="width:40px; background-color:#EDEDED;">
                    <span class="linkbutton linkbutton-info-name">超级管理员</span>
                </div>
            </div>--%>



<script>
    $.ajax({
        url:'/sys/menu/menuTop?_m=load',
        type:'post',
        success:function(json){
            var data = json.data;
            for(var i=0; i<data.length; i++) {
                $("#azeroth_menu").after("<a href='javascript:void(0);' class='linkbutton'><i class='fa "+data[i].icon+" fa-head'></i>"+data[i].funName+"</a>");
            }
        },
        error:function(xhr, textStatus){
            console.info(xhr)
            console.info(textStatus)
            parent.$.messager.alert("提示","Ajax出错","error");
        },
    })
</script>